{{!-- DR Secondary has a different Nav Header with access only to the Status menu --}}
{{#if isSecondary}}
  <NavHeader as |Nav|>
    <Nav.home>
      <HomeLink @class="navbar-item splash-page-logo has-text-white">
        <LogoEdition />
      </HomeLink>
    </Nav.home>
    <Nav.items>
      <div class="navbar-item status-indicator-button" data-status="{{if data.unsealed "good" "bad"}}">
        <StatusMenu @label="Status" @onLinkClick={{action Nav.closeDrawer}} />
      </div>
    </Nav.items>
  </NavHeader>
{{/if}}
<PageHeader as |p|>
  <p.top>
    {{#if (not (or isSummaryDashboard isSecondary)) }}
      {{#key-value-header
        baseKey=baseKey
        path="vault.cluster.replication-dr-promote"
        root=backendCrumb
      }}
        <li>
          <span class="sep">
            /
          </span>
          {{#link-to "vault.cluster.replication.index"}}
            Replication
          {{/link-to}}
        </li>
      {{/key-value-header}}
    {{/if}}
  </p.top>
  <p.levelLeft>
    <h1 class="title is-3">
      {{title}}
      {{#if data.anyReplicationEnabled}}
        <span class="tag is-light has-text-grey-dark" data-test-mode>
          {{if isSecondary 'secondary' 'primary'}}
        </span>
        <span class="tag is-light has-text-grey-dark" data-test-secondaryId>
          {{secondaryId}}
        </span>
      {{/if}}
    </h1>
  </p.levelLeft>
</PageHeader>

{{#if showTabs}}
  <div class="tabs-container box is-bottomless is-fullwidth is-paddingless" data-test-tabs>
    <nav class="tabs">
      {{#if (not isSummaryDashboard )}}
        <ul>
          {{#link-to
            "vault.cluster.replication-dr-promote.details"
            tagName="li"
            activeClass="is-active"
          }}
            {{#link-to "vault.cluster.replication-dr-promote.details"}}
              Details
            {{/link-to}}
          {{/link-to}}
          {{#link-to
            "vault.cluster.replication-dr-promote"
            tagName="li"
            activeClass="is-active"
            current-when="vault.cluster.replication-dr-promote.index"
          }}
            {{#link-to "vault.cluster.replication-dr-promote"}}
              Manage
            {{/link-to}}
        {{/link-to}}
      </ul>
      {{else}}
        <ul>
          <li class="is-active">
            {{link-to-external "Summary" "replication"}}
          </li>
        </ul>
      {{/if}}
    </nav>
  </div>
{{/if}}
